<template>
    <section class="lisection">
        <ul class="list">
            <li class="lia" v-for="item in liarr">
                <router-link :to=" { name:'detail',params:{'id':item.id} } "> 
                    <div class="Divimg">
                        <img class="liimg" :src="item.cover.origin" alt="">
                    </div>
                    <div class="botm">
                        <div class="L_p">
                            <p class="p5">{{item.name}}</p>
                            <p class="p134"><span>{{item.cinemaCount}}</span><span>家影院上映 </span><span>{{item.watchCount}}</span><span>人购票</span></p>
                        </div>
                        <div class="p8">{{item.grade}}</div>
                    </div>
                </router-link>
            </li>
        </ul>
        <a href="##" class="amore">更多热映电影</a>
    </section>
</template>
<script>
    import $ from 'jquery';
    export default {
        data:function () {
            return {
                liarr : []
            }
        },
        mounted: function() {
            var that=this;
            var url="http://localhost:3000/lilist?time="+ new Date().getTime()+ "&page=1&count=5";
            $.get(url).then(function(pathdata){
                that.liarr=pathdata.data.films;
            })
        }
    }
</script>
